 a{ text-decoration: none;
            border: none;
            color: #000;
}
img { 
     border: none;
}

div#header-menu{
        position: relative;
}

div#header-right{
	width:580px;
	float:right;
        text-align: center;
        position: relative;
        padding-top:18px;
/*      border: solid 1px #0066cc;*/
}

div#header-accion {
	width:61px;
        height: 32px;
        top: -3px;
        float: left;
        left: 20px;
/*        background-image: url(../resources/imagenes/menuGeneral.png);*/
/*        background-repeat: no-repeat;*/
/*        background-position: center;*/
        text-align: center;
        position: relative;
}

div#header-notificationbar{

        margin-left:auto;
	margin-right:auto;
    	width:980px;
        height: auto;
        top: 0px;
        display: table;
/*        background: #0066cc;*/
        position: relative;
/*        border: solid 1px #0066cc;*/
}

.header-logo{

    width:auto;
    height:auto;
    padding-top: 12px;
    float:left;
    position: relative;

}

.header-logo-ebiz {

    
    height:auto;
    padding-top:5px;
    float:left;
    position: relative;
/*    border: solid 1px #0066cc;*/

}

.header-ajax {
    
    height:auto;
    padding-left: 10px;
    padding-top: 23px;
    width: 45px;
    float:left;
    position: relative;    
    /*border: solid 1px yellowgreen;*/
}

.header-ajax .ajaxImagen{
    
    float: left; 
    position: relative;
    
}

.header-ajax .ajaxTexto{
    
    height: 40px;
    position: relative;
    float: left;
    text-align: left;
    vertical-align: bottom;
    /*border: solid 1px red;*/
}



div#header-usuario{
	width:380px;
	float:right;
        text-align: right;
}

.header-nav{

    height: 25px;
    float: right;
    margin-top: 7px;
}

.divMenu{

    text-align: center;
    width: 50px;
    float: left;
    font-size: 8px;
    margin-top: 10px;
    position: relative;
/*    border: solid 1px #0066cc;*/
    -webkit-transition: -webkit-transform 0.25s ease-in-out;
    -moz-transition: -moz-transform 0.25s ease-in-out;
    transition:transform 0.25s ease-in-out;
}


.zonaLogin {height:60px;  background-color:#d8d8d8; width: 100%; position: fixed; z-index: 100; top: 0px; }
.contForm {width:400px; height:auto; float:right; margin-top:5px;}
.zonaLogin .col01 {width:100px; float:left; position:relative; height:auto; font-size:12px; color:#FFF; line-height: 17px;}
.zonaLogin .col02 {width:24px; float:left; position:relative; height:50px; padding-top:10px; margin:0 10px 0 10px; }
.zonaLogin .col03 {width:130px; float:left; position:relative; height:60px; }
.zonaLogin .col04 {
    width:120px;
    float:left;
    position:relative;
    height:58px;
    
/*    border: solid 1px #0066cc;*/
}


.candado {margin-top:15px; float: left;}

.contLogin {
    width:980px;
    margin-left:auto;
    margin-right:auto;
    height:60px;
    position: relative;
    text-align: right;
/*        border: solid 1px #0066cc;*/
}


.menuUsuario{

    clear:both;
    width:980px;
    height:65px;
    margin-left:auto;
    margin-right:auto;
    padding-bottom: 5px;
    padding-top:70px;
    margin-bottom:1px;

/*        border:solid 1px #ccc;*/
}

.menuUsuarioBtn{
                
    width:98px;
    height:65px;
    float:left;
    position:relative;
}

.btnCatalogo, .btnSelcliente , .btnCarritos , .btnMisPooles , .btnInfoutil , .btnContacto , .btnCarrito , .btnConsultas , .btnCtacte , .btnBancos , .btnAyuda { background-color:#CCCCCC; -webkit-transition: all 0.6s ease;
     -moz-transition: all 0.6s ease;
     -o-transition: all 0.6s ease;
     -ms-transition: all 0.6s ease;  }


.btnSelcliente { background-image:url(#{aplicacionBean.parametro.pathImagenesDefault}/btn_selcliente.png); background-color:#93bd22; }
.btnCatalogo { background-image:url(#{aplicacionBean.parametro.pathImagenesDefault}/btn_catalogo.png); background-color:#a6ce39;   }
.btnCarrito { background-image:url(#{aplicacionBean.parametro.pathImagenesDefault}/btn_carrito.png); background-color:#93bd22;   }
.btnCarritos { background-image:url(#{aplicacionBean.parametro.pathImagenesDefault}/btn_miscarritos.png); background-color:#a6ce39;  }
.btnConsultas { background-image:url(#{aplicacionBean.parametro.pathImagenesDefault}/btn_consultas.png); background-color:#93bd22;  }
.btnMisPooles { background-image:url(#{aplicacionBean.parametro.pathImagenesDefault}/btn_mispooles.png); background-color:#a6ce39;  }
.btnCtacte { background-image:url(#{aplicacionBean.parametro.pathImagenesDefault}/btn_ctacte.png); background-color:#93bd22;  }
.btnInfoutil { background-image:url(#{aplicacionBean.parametro.pathImagenesDefault}/btn_infoutil.png); background-color:#a6ce39;  }
.btnBancos { background-image:url(#{aplicacionBean.parametro.pathImagenesDefault}/btn_bancos.png); background-color:#93bd22;  }
.btnContacto { background-image:url(#{aplicacionBean.parametro.pathImagenesDefault}/btn_contacto.png); background-color:#a6ce39;  }
.btnAyuda { background-image:url(#{aplicacionBean.parametro.pathImagenesDefault}/btn_ayuda.png); background-color:#93bd22; }

/* MENU SAI */
.btnMisPoolesS { background-image:url(#{aplicacionBean.parametro.pathImagenesDefault}/btn_mispooles.png); background-color:#93bd22;  }

/* MENU ADMIN */
.btnParametros { background-image:url(#{aplicacionBean.parametro.pathImagenesDefault}/btn_parametros.png); background-color:#93bd22;  }
.btnPicking { background-image:url(#{aplicacionBean.parametro.pathImagenesDefault}/btn_picking.png); background-color:#93bd22;  }

.btnSelcliente:hover , .btnMisPoolesS:hover , .btnParametros:hover , .btnPicking:hover , .btnCatalogo:hover , .btnCarritos:hover , .btnMisPooles:hover , .btnInfoutil:hover , .btnContacto:hover , .btnCarrito:hover , .btnConsultas:hover , .btnCtacte:hover , .btnBancos:hover , .btnAyuda:hover { background-color:#CCCCCC; -webkit-transition: all 0.6s ease;
     -moz-transition: all 0.6s ease;
     -o-transition: all 0.6s ease;
     -ms-transition: all 0.6s ease;  
}

.menuPublico {
    width:auto;
    height:auto;
    float:right;
    margin-top:75px;
/*    border: 1px solid yellowgreen;*/
}

.menuHomeBoton1{

    width:auto;
    height:30px;
    padding-right:10px;
    padding-left:10px;
    padding-top:13px;
    background-color:#a6ce39; 
    font-size: 14px;
    color:#FFF; float:left;
    -webkit-transition: all 0.6s ease;
     -moz-transition: all 0.6s ease;
     -o-transition: all 0.6s ease;
     -ms-transition: all 0.6s ease;

}

.menuHomeBoton2{

    width:auto;
    padding-right:10px;
    padding-left:10px;
    background-color:#93bd22;
    font-size: 14px;
    height:30px;
    padding-top:13px;
    color:#FFF; float:left;
    -webkit-transition: all 0.6s ease;
     -moz-transition: all 0.6s ease;
     -o-transition: all 0.6s ease;
     -ms-transition: all 0.6s ease;

}

.menuHomeBoton1:hover, .menuHomeBoton2:hover{

    background-color:#0a8860;
    -webkit-transition: all 0.6s ease;
     -moz-transition: all 0.6s ease;
     -o-transition: all 0.6s ease;
     -ms-transition: all 0.6s ease;
}

.btnMenu3 {
     vertical-align: middle;
margin: 5px;
height: 25px;
background-color: #CCC;
text-indent: 10px;
line-height: 25px;
   
}

.btnMenu3:hover {
     vertical-align: middle;
margin: 5px;
height: 25px;
background-color: #d8d9dd;
text-indent: 10px;
line-height: 25px;
   
}


.divMenu:hover{
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    transform: scale(1.3);
    cursor: pointer;
}

.lnkOcultar{
    -webkit-transition: -webkit-transform 0.25s ease-in-out;
    -moz-transition: -moz-transform 0.25s ease-in-out;
    transition:transform 0.25s ease-in-out;

}

.lnkOcultar:hover{
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    transform: scale(1.5);
    cursor: pointer;
}


.boxes-div{
    margin:auto;
    width:auto;
    height:auto;
    text-align:center;
/*    width: 150px; height: 100px;*/
    width: 185px; height: 100px;

/*    border: 1px solid #ccc;*/
}

.boxes-div-a{

    margin-top: 3px;
    position: relative;
    width:auto;
    height:auto;
    text-align:center;
    font-size: 14px;
/*    border: 1px solid #ccc;*/
}


.infoUsuario {
	width:350px;
	height:30px;
	position:absolute;
        top: 1px; right: 7px;
	float:right;
        vertical-align: middle;
        text-align: right;
/*        border: 1px solid aqua;*/

}

.ajaxStatus {
	width:150px;
	height:20px;
	position:absolute;
        top: 33px; right: 3px;
	float:right;
        text-align: right;
        background: transparent;
/*        border: 1px solid aqua;*/
}

.tabStyle{
    font-weight: bold;
    font-size:15px;
}


.subRubroStyle {
    background: url(../resources/imagenes/puntoVerdep.png) no-repeat;
    padding-left: 1.8em;
    background-position: left;
    color: #466296;
    cursor: pointer;
    padding-top: .8em;
    padding-bottom: .8em;
}

.subRubroStyleNew {
    background: url(#{aplicacionBean.parametro.pathImagenesDefault}/iconos/new.gif) no-repeat;
    padding-left: 20px;
    background-position: left;
    color: #466296;
    cursor: pointer;
}

.panelesGenerales{
    min-height: 500px;
}

.btnMenuPrincipal{
    height: 30px;
    width: 30px;
}

.headerTable {
font-size:0.9em;
font-weight: normal;
color: #0066cc;
}

.saldoActual{
    font-size: 20px;
    font-weight: bold;
    color: #0066cc;
    vertical-align: middle;
    text-align: center;
    padding: 10px;
}

.panelGridTop{
    vertical-align: top;
}

.btnMenu{

    width: 160px;
    padding-right: 5px;
    margin-bottom: 4px;
}

.btnTabla{
    font-size: 10px;
    text-align: center;
}

.colLabel{
    text-align: right;
    font-weight: normal;
}

.colDato{
    text-align: left;
    
}

.colTop{
    vertical-align: top;
}

.panelGridMenuPrincipal{
    border: none;
    text-align: center;
    width: 600px;
    height: 100px;
    vertical-align: middle;
    margin-top: 10%;
    margin-left: 5%;
    margin-right: 5%;
}

.panelMenuPrincipal:hover{
    background: white;
    filter: alpha(opacity=75); opacity: .75;
}

.panelMenuPrincipal{
    text-align:center; height: 100px; width: 140px; vertical-align: middle;
    background: transparent 50%;
}

.encabezadoPag {
    
    width: 98%;
    /* border: 1px solid #CCC; */
    height: 100px;
    margin-bottom: 35px;
    color: #666 !important;
    float: left;
    position: relative;
    background-color: #FFF !important;
    font-size: 14px;
    padding-right: 2%;
    clear: both;
    
}

.seccionesWeb {padding-left:10px;}


/* BOTONES DEL MENU VERTICAL  */

.menuV1, .menuV2 {
    width:155px; 
    float:left; 
    height:45px; 
    margin-bottom:2px; 
    color:#FFFFFF; 
    line-height:45px;    
    text-indent: 7px;
    font-size: 1.1em !important;

}
.menuV1 {
    background-color:#0a8860 !important;
     -webkit-transition: all 0.6s ease;
     -moz-transition: all 0.6s ease;
     -o-transition: all 0.6s ease;
     -ms-transition: all 0.6s ease;
}
.menuV2 {
    background-color:#a6ce39 !important;
     -webkit-transition: all 0.6s ease;
     -moz-transition: all 0.6s ease;
     -o-transition: all 0.6s ease;
     -ms-transition: all 0.6s ease;
}
.menuV1:hover, .menuV2:hover {
    background-color:#999999 !important;
     -webkit-transition: all 0.6s ease;
     -moz-transition: all 0.6s ease;
     -o-transition: all 0.6s ease;
     -ms-transition: all 0.6s ease;
}

.ui-panel .ui-panel-content {
    margin-bottom: 20px;
}

.ui-panelgrid td {
border-width: 0px !important;
border-style: solid;
border-color: inherit;
padding: 4px 5px;

}

.ui-panelGrid {
                    background-color: #82c100;
                    background-image: none;
                    -moz-border-radius: 2px;
                    -webkit-border-radius: 2px;
                    border-radius: 2px;
                    behavior: url(ie-css3.htc);
                    border: 0px;
                    color: white;
}

.panel-consulta {
    color:#A6CE39;
    font-size: 12px;
    
    
}


.colTitulo {
  font-size: 16px;
 }

.infoUtilMenu{
    
    position: relative;
    float: left;
    width: 190px;    
    
}

.infoUtilContenido{
    
    position: relative;
    float: right;
    width: 780px;    
    
}

.grupoBotones {    
    margin-left: auto;
    margin-right: auto;
    width:460px;
}

.infoStock {float:left; position:relative; width: 200px; margin-right: 10px;}

.datosProducto {position: relative; width:300px; float: left; font-size:1.2em; line-height: 20px; }

.infoBotones {width: 150px;
float:right;
position: relative;
margin-top: 20px;}

.botonesAcciones, .infoPrecio {float:left; margin-top: 10px; line-height: 24px; position: relative; text-align: center; width: 150px; margin-bottom: 20px;}

.bannerVerticalI {width:140px; height:530px; position:fixed; top:55px; left:50%; margin-left:-642px; text-align: center; }

.bannerVerticalD {width:140px; height:530px; position:fixed; top:55px; right:50%; margin-right:-652px; text-align: center; }

.itemPend , .itemSug , .itemSust  {
font-family:"Trebuchet MS";
width:75px; height:auto;
padding:0px !important;
text-align:center;
background: 0;
background-color: #FFF !important;;
font-size: 11px;
font-weight: normal;
border-radius: 3px !important;
border-width:1px !important;
border-style:solid !important;
z-index: 100;
margin-bottom:2px;
}

.itemSust , .itemSust a {
color: #709214 !important;
text-transform: none;
border-color:#709214 !important;
text-decoration:none; 

}


.itemPend, .itemPend a {
color: #ff7e00 !important;
text-transform: none;
border-color:#ff7e00 !important;
text-decoration:none; 
}

.itemSug, .itemSug a {
color: #2b2d92 !important;
text-transform: none;
border-color:#2b2d92 !important;
text-decoration:none; 
}

.itemSust a:hover, .itemSug a:hover,  .itemPend a:hover {
color:#CCC !important;
}


.enOferta {color:#FF3334; float:left; text-align:center;}

.colOpProd .ui-button-text-only .ui-button-text {
padding:0;
}

.ui-wizard-navbar .ui-button-text {font-size:1.4em !important;}

//.btnProdOpcion {width:100%; text-align:right; height: 100%; float:right; margin-top: 5px;  position: relative; clear:both; }

.colOpProd .ui-button-icon-only .ui-button-text {
padding: .2em;
text-indent: -9999999px;
}

.colOpProd .ui-button-icon-only .ui-icon {width:20px !important; height:20px !important; left: 60% !important;}

.btnOpc .ui-button-icon-only .ui-icon {width:20px !important; height:20px !important; left: 60% !important;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
/*background-color:#0066cc !important; */

}

.btnOpc .ui-button-icon-only .ui-icon, .carrCont .ui-button-icon-only .ui-icon, .btnMasInfoF .ui-icon   {width:20px !important; height:20px !important; left: 60% !important;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}


.btnOpc .ui-icon, .btnOpc .ui-icon:hover , .carrCont .ui-icon, .carrCont .ui-icon:hover , .btnMasInfoF .ui-icon:hover {
    float: left;
    width:20px !important; height:20px !important; left: 60% !important;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}


.btnSustitutos .ui-icon , .btnRelacionados .ui-icon , .btnMasInfo .ui-icon, .btnMasInfoF .ui-icon  {
background-color:#2b73b6  !important;}

.btnSustitutos .ui-state-hover  {
background-color:#2b73b6 !important;}

.btnRelacionados .ui-state-hover {
background-color:#2b73b6 !important;}

.btnPendiente .ui-icon {
background-color:#ff9a00 !important;}
.btnPendiente .ui-state-hover {
background-color:#ff9a00 !important;}

.btnMasInfo .ui-state-hover  {
background-color:#2b73b6 !important;
}

.btnAgregar .ui-state-hover  {
 background-color:#94bd21 !important;
}

.btnSustitutosI {  background-image:url(#{aplicacionBean.parametro.pathImagenesDefault}/iconos/btn_sustitutos.png); background-repeat: no-repeat; }
.btnPanel .btnSustitutosI { background-position:CENTER 5%; background-image:url(#{aplicacionBean.parametro.pathImagenesDefault}/iconos/btn_sustitutos.png); background-repeat: no-repeat;}

.btnRelacionadosI {background-image: url(#{aplicacionBean.parametro.pathImagenesDefault}/iconos/btn_sugeridos.png); background-repeat: no-repeat;}
.btnPanel .btnRelacionadosI {background-position:CENTER 5%;}


.btnPendientesI   {  background-image: url(#{aplicacionBean.parametro.pathImagenesDefault}/iconos/btn_pendientes.png); background-repeat: no-repeat;}
.btnPanel .btnPendientesI   { background-position:CENTER 5%;}

.btnMasInfoI {  background-image: url(#{aplicacionBean.parametro.pathImagenesDefault}/iconos/btn_masinfo.png); background-repeat: no-repeat; }
.btnPanel .btnMasInfoI { background-position:CENTER 5%;}

.btnMasInfoF {  background-image: url(#{aplicacionBean.parametro.pathImagenesDefault}/iconos/btn_infoFav.png); background-repeat: no-repeat; }
.btnPanel .btnMasInfoF { background-position:CENTER 5%;}


.btnMasInfoF {float:left;}
.btnPanel .btnMasInfoI { background-position:CENTER 5%;}
.tbCodigoOpc .btnMasInfoI { background-position:CENTER 5% !important;}



.colOpProd .ui-state-default {
font-size: 1em;
padding-bottom:0px !important;
}

.colOpProd .ui-state-hover {
font-size: 1em;
padding-bottom:0px !important;

}

.colOpProd .ui-button-icon-only {
width: 2.2em !important; text-align: center;  margin:2px;
}

.divagregar {float:left; position:relative; width:30px; height:53px; margin-right: 2px;}

.divagregar .ui-button-icon-only, .divagregar .icon-only {
width: 30px !important; height: 55px !important; text-align: center;
}

.divagregar .ui-button-icon-only .ui-icon {
left: 60% !important;
width: 26px !important; height: 50px !important; text-align: center;
}

.divagregar .ui-button-icon-only .ui-icon {
position: absolute !important;
top: 40% !important;
margin-top: -18px !important;
left: 50% !important;
margin-left: -13px !important; }

.opProd {width:95px; height:55px; clear:both;
margin-right: auto;
margin-left: auto;
position: relative;
}

.opProdP { width:auto;  height:60px; text-align: center;}

.opProdP button { position:relative;}

.opProdP .ui-button-icon-only {
width: 2.2em !important; text-align: center;

}

.opProdP .divagregar .ui-button-icon-only {
width: 1.6em !important; text-align: center;
}

.opProdP .ui-button-icon-only .ui-icon {
left: 55% !important; 
 height:30px !important; text-align: center;
}

.opProdP .divagregar .ui-button-icon-only .ui-icon {
position: absolute !important;
top: 40% !important;
margin-top: -18px !important;
left: 50% !important;
margin-left: -13px !important;
height:60px !important;
}

.opProdBox1 {
    width: 30px;
    height: 53px;
    margin-right: auto; 
    margin-left: auto; 
    clear:both;
    
}

 .opProdBox2 {
   width: 100%;
float: left;
    
}

#descProd {position: relative; width: 100%; float: left; margin-top: 10px; margin-bottom: 10px;
font-weight: bold; font-size: 16px;
}

.carruselSugeridos {margin-top:80px;}
.carruselSugeridos .label {width:20px;}
.carruselSugeridos .value {width:200px;}

.contTit {text-indent:10px; background-color:#A6CE39; float: left; width: 100%;}

.contTit h1 { color:#FFF; font-size:16px; font-weight:normal;}

.carruselSugeridos .ui-carousel, .carruselSugeridos .ui-carousel-viewport   {width:700px !important;}

.carruselSugeridos th {text-align: center;}

.colLabel {width: 140px;}

.contStock {position: relative; float: left; width:144px;}

.contStock td {text-align:center;}

.contStock .ui-datatable table {width:100% !important; float:right;}

.carruselSugeridos .ui-carousel .ui-carousel-viewport ul li, #tblSustitutos .ui-carousel .ui-carousel-viewport ul li  {width: 233px;}

/* #carrCont .ui-carousel-viewport , #carrContVer .ui-carousel-viewport, #carrContVer2 .ui-carousel-viewport {
width: 680px !important;
} */

#tblSustitutos .ui-carousel-viewport {height:305px !important;}

.carrCont {
    
width: 170px;
height: auto;
text-align: center;
border: 1px solid #ddd;
padding-bottom: 10px;
padding-top: 10px;
margin-right:30px;
background-color: #FFF;
    
}

.carrFoto {width:100%; text-align: center;}

.carrDesc {clear:both; position:relative; width:100%; min-height:80px;}

#tblMarcas .carrDesc {clear:both; position:relative; width:100%; min-height:30px;}

.carrCod {clear:both; position:relative; width:100%;}

.carrBot {clear:both; position:relative; width:100%;}

#carruselFoco .carrCont {
    
width: 170px;
height: auto;
text-align: center;
border: 1px solid #ddd;
padding-bottom: 10px;
padding-top: 10px;
margin-right:22px;
    
}

#carruselFoco {margin-bottom:30px;}




/* ESTILOS DE IMAGENES TIPO PRODUCTOS */

.k-effect li:hover span.mask {
 transition: all 0.3s ease-in-out 0.25s;
 -moz-transition: all 0.3s ease-in-out 0.25s;
 -webkit-transition: all 0.3s ease-in-out 0.25s;
 -o-transition: all 0.3s ease-in-out 0.25s;
}

span.mask, ul.k-effect li, ul.k-effect img {
 transition: all 0.2s ease-in-out 0s;
 -moz-transition: all 0.2s ease-in-out 0s;
 -o-transition: all 0.2s ease-in-out 0s;
 -webkit-transition: all 0.2s ease-in-out 0s;
}
/*reset*/
ul.k-effect {list-style: none outside none;margin: 0;padding: 0;}
ul.k-effect li {list-style: none outside none;}
ul.k-effect img {border: 0 none;opacity: 1;}
ul.k-effect li:hover img {opacity: 100;}

.ui-grid-col-44 {width: 22%; margin: 1.5%;float: left; box-sizing: border-box;
}

ul.k-effect li {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.25);
    box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.9);
    display: inline-block;
    /*margin: 1px 2%;*/
    padding: 0px;
    position: relative;
    top: 0;
}
ul.k-effect li > a {
    display: block;
    overflow: hidden;
    position: relative;
}
ul.k-effect span.mask {
    background-color: rgba(0, 0, 0, 0.8);
    background-image: url("http://www.intercap.com.ar/imagenes/iconos/full.png");
    background-position: center center;
    background-repeat: no-repeat;
 position: absolute;
 left:0;
 top: 0;
}


/**Efecto circle**/
ul.k-effect.circle span.mask {border-radius: 100%;bottom: 0;height: 60px;margin: auto;right: 0;top: -40px;width: 60px;opacity: 0;}
ul.k-effect.circle li:hover span.mask {top: 0;opacity: 0;} /*LUPA*/
ul.k-effect.circle li:hover img {transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
filter:none; /* IE6-9 */
-webkit-filter: grayscale(0%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */


}

ul.k-effect.circle li img {filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */}

/****Configurar****/

/**tamaño a cortar de la imagen*/
ul.k-effect li > a {
 height: 150px; /*ancho*/
 width:100%;  /*width: 200px; alto*/
}

/**tamaño maximo de la imagen [Naturalmente es recomendable que este sea al menos 20 pixeles mas grande que el corte]**/
ul.k-effect img {max-width: 100%;} 

.descTipo{
	width: 100%;
	height: 20px;
	background-color: #93bd22;
	color: #FFF;
	bottom: 0;
	position: absolute;
	font-size:1em;
	text-indent:0.5em;
        text-transform: uppercase;
        text-align: center;
}





/*FIN TIPO PRODUCTOS */

.ui-grid-col-3  { float:left; position:relative;}

.ui-grid-col-3 img {width:100%;}

#quieroComprar .contenido {width:100%; height:auto; float:left; position:relative;}
#quieroComprar .col1 { margin-right:2%; }
#quieroComprar .col1, #quieroComprar .col2 {width: 48%; height:260px; padding:0; border:1px #CCC solid; text-align: center;float:left; position:relative;}
#quieroComprar .contForm {width:350px;}

#quieroComprar .col1 p, #quieroComprar .col2 p {padding:2%;}

#quieroComprar h2{color:rgba(118, 176, 0, 1);}

.degrade {
text-decoration: none;
background-color: #d8d8d8;
background-color: #f3f3f3;
background-position: 0px;
background-image: -moz-linear-gradient(top, #d8d8d8, #f3f3f3);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d8d8d8), to(#f3f3f3));
background-image: -webkit-linear-gradient(top, #d8d8d8, #f3f3f3);
background-image: -o-linear-gradient(top, #d8d8d8, #f3f3f3);
background-image: linear-gradient(to bottom, #d8d8d8, #f3f3f3);
background-repeat: repeat-x;
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#d8d8d8', endColorstr='#f3f3f3', GradientType=0);
}

.headArea {width:100%; height: 60px; float:left;}

.barraBusqueda { width: 98%; padding:5px 1% 0 1% !important; height:40px; float:left; position:relative;}

.ui-panel .ui-panel-content .ui-panel-content {
    
    padding: 0.5em 0em;
}

#fichaProducto .ui-carousel .ui-carousel-header {
    width:790px !important;
}

.fichaProducto {margin-bottom:20px;}

.listadoSust {background-color:#EEEEEE; margin-top:50px; margin-bottom:30px;padding-left:30px;}

.listadoRel { background-color:#EEEEEE; margin-bottom:50px; padding-left:30px;}

.contSeccion {min-height: 400px;height: auto;}

.formEstandar {width:450px; float:left;}

.formEstandar div {width:400px; float:left; position:relative; margin-bottom:10px;}

.formEstandar .form {width:120px; margin-right:10px; float:left; position:relative;}

.formEstandar button {width:100px; float:right; position:relative;}

.ayudaConversor {width:400px; height:110px; float:right; position:relative; top:-60px;}

.buscadorGral {margin-right:10px; width:auto; float:left; position:relative; }

.btnBuscar { margin-right:10px; float:left; position:relative; width:auto;}

.btnLimpiar { float:left; position:relative; width:auto;}

#btnPendiente {margin-top:10px;}

#txtBusqueda {height:23px;}

.tipoFiltros {
    font-size: 13px;
    font-weight:normal;
    color: #0066cc;
    width: 100%; 
    vertical-align: middle; 
    padding-top:4px;
    text-align:center;
    background-color: #ddd;
    height: 20px;
    margin-bottom: 5px;
    float: left;
}
/*#formulario span {color:#999;}*/

.itemFiltro{ 
    font-size: 0.9em;
    float:left;
    text-align:center;
}

.itemFiltro.nov, .filtrosHome .itemFiltro.nov {width:20%;}
.itemFiltro.nac, .itemFiltro.imp,
.filtrosHome .itemFiltro.nac, .filtrosHome .itemFiltro.imp {width:25%;}

.itemFiltro.var ,.filtrosHome .itemFiltro.var {width:30%;}

.itemFiltro {width:100%; margin-bottom:5px;}

.nombreItem {
  float: left;
font-size:1em;
line-height: 24px;
color: #666;
width: auto;
position: relative;
margin-right: 10px;
text-indent: 5px;
}

.filtrosHome .nombreItem { margin-right:10px; margin-top: 5px; font-size: 1.3em !important; line-height:18px;}

.opcionItem {
    width: 50px;
height:20px;
    float: left;
position: relative;
}

#divFiltrosAdicionales {width:215px; height:140px; float:left; position:relative; background-color:#FFF; margin-right:10px; }

#divFiltrosAdicionales .opcionItem {float:right;}

.menuPrivado { height: 30px; text-align:right; position:relative; float:right;}

.infoCarrito {width:auto; height: 30px; text-align:right; position:relative; float:right;}

.tbCodigoFav, .tbCodigoOpc {text-align: center;}

.contenedorPromocion {margin-top:80px;}

.totalConfirma {float: left; position: relative; width: 100px; font-weight: bold; text-align: right; margin-top: 5px;}

.contEnviar {width: 100%; float: right; text-align: right; position: relative; bottom: 0px;}

.filtrosHome {width:100%; height:auto; float: right;  margin-bottom:20px;}

.contFiltrosHome {width:auto; margin-right:auto; margin-left:auto; margin-top: 20px;}

#filtrosAdHome .itemFiltro {float:left;text-align:center;}

.ui-inputswitch .ui-inputswitch-off {
    background-color: #FFF; }

.panelIzquierdo .ui-button-icon-only {
    width:1.8em;
    float: right;
    position: relative;
}

/*.filtrosAplicados .ui-button {
    min-height: 1.2em !important; }*/

.filtrosAplicados {float:left; line-height: 20px; width:100%;}

#tblMarcas .carrCont {
    margin-right: 25px !important;
    
}

#tblMarcas {margin-bottom:30px;}

#barraHerramientas  .ui-selectonemenu-list-item {
    font-size: 0.9em !important;
}

#barraHerramientas .ui-selectonebutton {
    padding:0px !important;
}